<template>
    <div class="logo_text" v-if="model === 'default'">
      {{ name }}
    </div>
    <div class="logo_text" v-else :class="{ logo_text__hidden: !collapse }">
      <img :src="logo" v-if="!collapse"  alt="logo"/>
      <template v-if="collapse">{{ name }}</template>
    </div>
</template>

<script>
import setting from "@/config/website.js";
import { mapGetters } from "vuex";

export default {
  data() {
    return {
      logo: setting.logo,
      name: setting.name,
    };
  },
  computed: mapGetters(["model", "collapse"]),
};
</script>
